<!-- 用户管理，展示非会员的信息 -->
<template>
    <div class='userMain' style="padding: 0px;">
        <el-card>
            <el-tabs v-model="activeName" class="demo-tabs" type="border-card">
                <el-tab-pane label="全部" :name="''">
                    <UserTable :tab-type="activeName" v-if="activeName === ''" />
                </el-tab-pane>
                <el-tab-pane label="种植户" :name="1">
                    <UserTable :tab-type="activeName" v-if="activeName === 1" />
                </el-tab-pane>
                <el-tab-pane label="贸易商" :name="2">
                    <UserTable :tab-type="activeName" v-if="activeName === 2" />
                </el-tab-pane>
                <el-tab-pane label="淘宝店家" :name="3">
                    <UserTable :tab-type="activeName" v-if="activeName === 3" />
                </el-tab-pane>
            </el-tabs>
        </el-card>
    </div>
</template>

<script>
import { defineAsyncComponent } from 'vue';
export default {
    name: '',
    props: {},
    components: {
        UserTable: defineAsyncComponent(() => import('./components/UserTable.vue'))
    },
    data() {
        return {
            activeName: ''
        };
    },
    computed: {},
    watch: {},
    methods: {

    },
    created() {

    },
    mounted() {

    },
}
</script>
<style scoped></style>